﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/jsp/basic/taglibs.jsp" %>
<html>
<head>
<%@ include file="/WEB-INF/jsp/basic/head.jsp" %>
<script type="text/javascript" src="${ctxPath}/js/add.js"></script>
<script type="text/javascript" src="${ctxPath}/js/uploadify-v3.1/jquery.uploadify-3.1.js"></script>
<script type="text/javascript" src="${ctxPath}/js/uploadify-v3.1/customerupload.js"></script>
<script >
$(function() {
	
	var ctx = "${ctxPath}";
	//上传图片类设定
			createUploadify(ctx,$("#upload"), {
				'onUploadSuccess' : function(file,data,response) {//当文件上传成功后显示提示信息  
					
				//jQuery("#href_1").fancyZoom({scaleImg: true, closeOnClick: true,width:500});//加载图片放大功能
				jQuery("#image").attr("src", "${imagePath}"+data);
				jQuery("input[name='pic']").val(data);
			}
		});
	});
</script>
</head>
<body>
<jsp:include page="/WEB-INF/jsp/basic/navigation.jsp">
<jsp:param value="2" name="topItem" />
</jsp:include>
<div class="width1010 main divcenter posirela pdb20">
	<div class="curloc">
		<img src="images/clocicon.png"/><span>首页 / 会员录入 /</span>
	</div>
	<div class="width940 divcenter">

		<div>
			<div class="rstop widthall commontitle"><a class="tappage">基本资料</a></div>
			<form action="${ctxPath}/huiyuan_add.jsp"  method="post" id="huiyuanForm">
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">姓名:</span>
					<input type="text" class="qygs_qinp w150" placeholder="姓名" name="name"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<div class="float_left">
						<span class="leftname float_left">性别:</span>
						<span class="ckarea w40">
							<label><input name="sex" type="radio" class="ckbox_vmiddle" checked="checked" value="男"/>男</label>
						</span>
						<span class="ckarea w40">
							<label><input name="sex" type="radio" class="ckbox_vmiddle"  value="女"/>女</label>
						</span>
					</div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">民族:</span>
					<input type="text" class="qygs_qinp w150" placeholder="民族" name="minzu" value="汉族"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">属相:</span>
					<input type="text" class="qygs_qinp w150" placeholder="属相" name="shuxiang"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460">
					<span class="leftname float_left">预览:</span>
					<img id="image" src="images/no_img.jpg" class="size"/>
				</div>
				<div class="clearboth"></div>
			</div>
			 <div class="mgt20">
				<div class=" float_left w920" id="uploadify">
					<span class="leftname float_left"></span>
					<input type="file"  id="upload"/>
    				<input type="hidden" name="pic" value=""/>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">星座:</span>
					<input type="text" class="qygs_qinp w150" placeholder="星座" name="xingzuo"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">出生日期:</span>
					<input type="text" name="thebirthday" class="qygs_qinp w150" placeholder="日期" />
					<span id="thebirthday_p"></span>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">籍贯:</span>
					<input type="text" class="qygs_qinp w150" placeholder="籍贯" name="jiguan" value="义乌"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">血型:</span>
					<input type="text" class="qygs_qinp w150" placeholder="血型" name="xuexing"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">身份证号:</span>
					<input type="text" class="qygs_qinp w250" placeholder="身份证号" name="idcard"/>
					<p id="idcard_p" ></p>
					
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">身高:</span>
					<input type="text" class="qygs_qinp w100" placeholder="身高" name="shengao"/>
					<span >单位：厘米</span><span id="shengao_p"></span>
					
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">体重:</span>
					<input type="text" class="qygs_qinp w100" placeholder="体重" name="tizhong"/>
					<span>单位：千克</span><span id="tizhong_p"></span>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">身体状况:</span>
					<input type="text" class="qygs_qinp w300" placeholder="身体状况" name="stzk" value="良好"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">兴趣爱好:</span>
					<textarea  placeholder="兴趣爱好" class="textarea_style1 w300 h100" name="aihao"></textarea>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">毕业院校:</span>
					<input type="text" class="qygs_qinp w150" placeholder="毕业院校" name="byyx"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">学历:</span>
					<input type="text" class="qygs_qinp w150" placeholder="学历" name="xueli"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">专业:</span>
					<input type="text" class="qygs_qinp w150" placeholder="专业" name="zhuanye"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">从事行业属性:</span>
					<select class="selbea2 qygs_qinp float_left width196" name="cshysx">
						<option value="行政机关">行政机关</option>
                    	<option value="事业单位">事业单位</option>
						<option value="国企">国企</option>
						<option value="私企">私企</option>
						<option value="个体">个体</option>
						<option value="外企">外企</option>
						<option value="其他">其他</option>
					</select>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">工作单位:</span>
					<input type="text" class="qygs_qinp w150" placeholder="工作单位" name="gzdw"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">职称:</span>
					<input type="text" class="qygs_qinp w150" placeholder="职称" name="zhicheng"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">性格:</span>
					<input type="text" class="qygs_qinp w200" placeholder="性格" name="xingge" value="综合型"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
		
			<div class="mgt20">
				<div class=" float_left" >
					<span class="leftname float_left">家庭住址:</span>
					<input type="text" class="qygs_qinp w500" placeholder="家庭住址" name="dizhi"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left " >
					<span class="leftname float_left">户口所在地:</span>
					<input type="text" class="qygs_qinp w500" placeholder="户口所在地" name="hukou"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left " >
					<span class="leftname float_left">手机:</span>
					<input type="text" class="qygs_qinp w150" placeholder="手机" name="phone"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left " >
					<span class="leftname float_left">QQ:</span>
					<input type="text" class="qygs_qinp w150" placeholder="QQ" name="qq"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left " >
					<span class="leftname float_left">微信:</span>
					<input type="text" class="qygs_qinp w150" placeholder="微信" name="weixin"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">婚姻状况:</span>
					<select class="selbea2 qygs_qinp float_left width196" name="hunyin" >
						<option value="未婚">未婚</option>
                    	<option value="离异未育">离异未育</option>
						<option value="离异不带孩">离异不带孩</option>
						<option value="离异带孩子">离异带孩子</option>
						<option value="丧偶带孩子">丧偶带孩子</option>
						<option value="丧偶不带孩">丧偶不带孩</option>
					</select>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">收入情况/月:</span>
					<select class="selbea2 qygs_qinp float_left width196" name="shouru">
						<option value="未填写">未填写</option>
						<option value="1000以下">1000以下</option>
                    	<option value="1000-2000">1000-2000</option>
						<option value="2000-4000">2000-4000</option>
						<option value="4000-8000">4000-8000</option>
						<option value="8000-20000">8000-20000</option>
						<option value="20000以上">20000以上</option>
					</select>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">住房情况:</span>
					<select class="selbea2 qygs_qinp float_left width196" name="fangzi">
						<option value="未填写">未填写</option>
						<option value="有">有</option>
                    	<option value="无">无</option>
						<option value="准备买">准备买</option>
						<option value="与家人同住">与家人同住</option>
					</select>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">房贷情况:</span>
					<select class="selbea2 qygs_qinp float_left width196" name="fangdai">
						<option value="未填写">未填写</option>
	                    <option value="无房贷">无房贷</option>
						<option value="贷款中">贷款中</option>
					</select>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">私家车:</span>
					<select class="selbea2 qygs_qinp float_left width196" name="chezi">
						<option value="未填写">未填写</option>
						<option value="有">有</option>
                    	<option value="无">无</option>
                    	<option value="准备买">准备买</option>
					</select>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left " >
					<span class="leftname float_left">存款情况:</span>
					<input type="text" class="qygs_qinp w250" placeholder="存款情况" name="cunkuan"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20">
				<div class=" float_left " >
					<span class="leftname float_left">信息来源/介绍人姓名:</span>
					<input type="text" class="qygs_qinp w250" placeholder="信息来源/介绍人姓名" name="jieshaoren"/>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			
			<div class="mgt20">
				<div class=" float_left" >
					<div>
						<span class="leftname">家庭成员:</span>
						<span class=" spanthead">姓名</span>
						<span class=" spanthead">关系</span>
						<span class=" spanthead">职业</span>
					</div>
					<div class="mgt10" >
						<span class="leftname float_left"></span>
						<input type="text" class="qygs_qinp w150" name="familys[0].name" placeholder="姓名"/>
						<input type="text" class="qygs_qinp w150" name="familys[0].guanxi" placeholder="关系"/>
						<input type="text" class="qygs_qinp w150" name="familys[0].zhiye" placeholder="职业"/>
					</div>
					<div class="mgt10" >
						<span class="leftname float_left"></span>
						<input type="text" class="qygs_qinp w150" name="familys[1].name" placeholder="姓名"/>
						<input type="text" class="qygs_qinp w150" name="familys[1].guanxi" placeholder="关系"/>
						<input type="text" class="qygs_qinp w150" name="familys[1].zhiye" placeholder="职业"/>
					</div>
					<div class="mgt10" >
						<span class="leftname float_left"></span>
						<input type="text" class="qygs_qinp w150" name="familys[2].name" placeholder="姓名"/>
						<input type="text" class="qygs_qinp w150" name="familys[2].guanxi" placeholder="关系"/>
						<input type="text" class="qygs_qinp w150" name="familys[2].zhiye" placeholder="职业"/>
					</div>
					<div class="mgt10" >
						<span class="leftname float_left"></span>
						<input type="text" class="qygs_qinp w150" name="familys[3].name" placeholder="姓名"/>
						<input type="text" class="qygs_qinp w150" name="familys[3].guanxi" placeholder="关系"/>
						<input type="text" class="qygs_qinp w150" name="familys[3].zhiye" placeholder="职业"/>
					</div>
					
				</div>
				<div class="clearboth"></div>
			</div>
			
			<div class="mgt20">
				<div class=" float_left " >
					<div class="float_left w500">
						<span class="leftname float_left">会员活动:</span>
						<span class="float_left w350">
							<span class="ckarea w100">
								<label><input name="huodong" value="户外拓展" type="checkbox" class="ckbox_vmiddle"/>户外拓展</label>
							</span>
							<span class="ckarea w100">
								<label><input name="huodong" value="小型室内聚会" type="checkbox" class="ckbox_vmiddle" />小型室内聚会</label>
							</span>
							<span class="ckarea w100">
								<label><input name="huodong" value="大型社交活动" type="checkbox" class="ckbox_vmiddle" />大型社交活动</label>
							</span>
							<span class="ckarea w100">
								<label><input name="huodong" value="私人定制活动" type="checkbox" class="ckbox_vmiddle"/>私人定制活动</label>
							</span>
						</span>
						<div class="clearboth"></div>
					</div>
				</div>
				<div class="clearboth"></div>
			</div>
			
			<div class="mgt20">
				<div class=" float_left w460" >
					<div class="float_left">
						<span class="leftname float_left">来本婚介所目的:</span>
						<span class="ckarea w40">
							<label><input  type="radio" class="ckbox_vmiddle" name="mudi" checked="checked" value="结婚"/>结婚</label>
						</span>
						<span class="ckarea w40">
							<label><input  type="radio" class="ckbox_vmiddle"  name="mudi"  value="交友"/>交友</label>
						</span>
					</div>
				</div>
				<div class="clearboth"></div>
			</div>
			<div class="mgt20"></div>
			<div class="rstop widthall commontitle"><a class="tappage">会员备注</a></div>
			
			<div class="mgt20">
				<div class=" float_left" >
					<span class="leftname float_left">会员评分:</span>
					<input type="text" class="qygs_qinp w200" placeholder="评分" name="fenshu"/>（1-100分为界）
					<span id="fenshu_p"></span>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			
			
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">会员级别:</span>
					<select class="selbea2 qygs_qinp float_left width196" name="jibie">
						<option value="普通会员(288)">普通会员(288)</option>
                    	<option value="白银会员(588)">白银会员(588)</option>
						<option value="黄金会员(888)">黄金会员(888)</option>
						<option value="钻石会员(1288)">钻石会员(1288)</option>
						<option value="超级VIP会员(1888)">超级VIP会员(1888)</option>
					</select>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			
			<div class="mgt20">
				<div class=" float_left w460" >
					<span class="leftname float_left">到期时间:</span>
					<!-- <input type="text" name="lastday" class="qygs_qinp w100 textcenter time clearindent" value="2015-07-01" readonly="readonly" onfocus="WdatePicker()"  /> -->
					<input type="text" name="lastday" class="qygs_qinp w150" placeholder="日期" />
					<span id="lastday_p"></span>
					<div class="clearboth"></div>
				</div>
				<div class="clearboth"></div>
			</div>
			
			
			<div class="mgt10">
				<input type="button" id="tijiao" class="querybtn mgl90" value="提交"/>
			</div>
			</form>
		</div>
	</div>


	<div class="mainbottom mgt20"></div>
</div>
<div class="clearboth"></div>
<%@ include file="/WEB-INF/jsp/basic/foot.jsp" %>
</html>